import React from 'react'
import './tabbar.scss'
export default function Tabbar(props) {
  let { fullScreen, unselectedTintColor, tintColor, barTintColor } = props
  const style = fullScreen === 'top' ? { top: '0' } : { bottom: 0 }
  return (
    <div
      style={{
        display: 'flex',
        justifyContent: 'space-between',
        color: unselectedTintColor,
        fontSize: '12px',
      }}
    >
      {React.Children.map(props.children, (child) => {
        return React.cloneElement(child, {
          params: {
            bartintcolor: barTintColor,
            tintcolor: tintColor,
            unselectedtintcolor: unselectedTintColor,
          },
        })
      })}
    </div>
  )
}
